.note-container {
  border-bottom: 2rpx solid #e8e8e8;
  display: block;
  justify-content: flex-start;
  .note-box {
    position: relative;
    padding: 30rpx 16rpx 2rpx 16rpx;
    margin-left: -16rpx;
    margin-right: -16rpx;
    -webkit-transition: backgroundColor 0.3s ease-in;
    transition: backgroundColor 0.3s ease-in;
    display: flex;

    .note-item {
      display: flex;
      color: #595959;

      .doc-info-summary {
        flex: auto;

        .doc-title {
          font-size: 32rpx;
          font-weight: 500;
          color: #262626;
          display: block;
        }
        .doc-container {
          display: flex;
          margin-top: 16rpx;
          .description {
            display: block;
            flex: auto;
            text-overflow: ellipsis;
            word-break: break-all;
            display: -webkit-box;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 3;
            overflow: hidden;
          }
          image {
            flex: 160px;
            max-width: 130px;
            max-height: 100px;
          }
        }

        .meta {
          margin-top: 24rpx;
          font-size: 24rpx;
          color: #8c8c8c;
        }
      }
    }
  }
}
